<!DOCTYPE html>
<html>
<head lang="en">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta charset="UTF-8">
    <script src="js/adapt.js"></script>
    <title></title>
    <link rel="stylesheet" href="css/waterfall.css" type="text/css"/>
    <link rel="stylesheet" href="css/style.css" type="text/css"/>
    <script src="js/jquery.js"></script>
    <script src="js/waterfall.min.js"></script>
</head>
<body>
<div class="head">
    <a class="btn classify" href="classify.html?re=match"></a><div>BLOCCO 5</div><a class="btn personal" href="personal.html?re=match"></a>
</div>
<div class="placeholder"></div>
<table class="tabs">
    <tr>
        <td><a href="talentCen.html">易达人</a></td>
        <td class="current"><a href="match.html">易搭配</a></td>
        <td><a href="info.html">易情报</a></td>
    </tr>
</table>
<div id="wrapper">
    <div id="container"></div>
</div>
<div class="placeholder"></div>
<div class="foot_menu">
    <table>
        <tr>
            <td>
                <a href="index.html">
                    <div class="foot_menu_icon foot_menu_icon1"></div>
                    主页
                </a>
            </td>
            <td>
                <a href="brand.html">
                    <div class="foot_menu_icon foot_menu_icon2"></div>
                    品牌
                </a>
            </td>
            <td>
                <a href="server.html">
                    <div class="foot_menu_icon foot_menu_icon3"></div>
                    易服务
                </a>
            <td>
                <a href="talentCen.html" class="current">
                    <div class="foot_menu_icon foot_menu_icon4"></div>
                    易分享
                </a>
            </td>
            <td>
                <div class="ver_line"></div>
            </td>
            <td>
                <a href="earn.html">
                    <div class="foot_menu_icon foot_menu_icon5"></div>
                    易享赚
                </a>
            </td>
        </tr>
    </table>
</div>
<script type="text/javascript">
    $(function(){
        $('#container').waterfall({
            itemCls: 'grid',
            colWidth: 299,
            gutterWidth: 15,
            gutterHeight: 15,
            isFadeIn: true,
            dataType: 'html',
            callbacks: {
                renderData: function (data) {
                    if ( data.length ===0) {
                        $('#container').waterfall('pause');
                    }
                    return data;
                }
            },
            path: function(page) {
                if(page===6)$('#container').waterfall('pause');
                return "image.html?page="+page;
            }
        });
    });
</script>
</body>
</html>